
body {background-color: #f9f9f9;}
body.no-scroll {position: fixed; left: 0; top: 0; width: 100%;}
ul {list-style: none;}

/* 清除浮动 */
.cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}

/* 页头 */
.header {padding: 15px 10px; border-bottom: 2px solid #4bb344;}
.header .logo {display: block; float: left;}
.header .menu {float: right; margin-top: 5px; width: 44px; height: 34px; background: url(../images/menu.png) no-repeat center center; }

/* 导航 */
.fnav {display: none; position: absolute; z-index: 999; left: 0; top: 83px; width: 100%;}
.fnav a {display: block; padding: 0 20px; background-color: rgba(255,255,255,0.8); line-height: 40px; color: #666; font-size: 14px; text-decoration: none;}
.fnav a.active {background-color: #4bb344; color: #FFF;}

/* 页脚 */
.footer {margin-top: 20px; padding: 20px 0; background-color: #4bb344; line-height: 24px; text-align: center; color: #fff; font-size: 12px;}

/* 位置 */
.pos {margin: 0 10px; border-bottom: 1px solid #DDD; line-height: 40px; color: #888; font-size: 14px;}
.pos a {color: #666; font-size: 14px;  text-decoration: none;}

/* 分页 */
.pager {padding: 10px;}
.pager a {display: block; float: left; padding: 5px 20px; border: 1px solid #DDD; border-radius: 5px; line-height: 20px; color: #333; font-size: 14px; text-decoration: none;}

/* 首页标题 */
.index-title {margin: 10px 0;}
.index-title img {display: block; margin: auto; width: 270px; height: 60px;}

/* 产品中心 */
.products {padding: 5px;}
.products ul li {float: left; padding: 5px; width: 50%;}
.products ul li a {display: block; position: relative; padding-top: 65%; width: 100%;}
.products ul li a img {position: absolute; z-index: 9; left: 0; top: 0; width: 100%; height: 100%;}
.products .more {display: block; margin: 10px auto; width: 100px; height: 30px; background-color: #4bb344; line-height: 30px; text-align: center; color: #FFF; font-size: 14px; text-decoration: none;}

/* 关于我们 */
.about {margin: auto; padding: 10px; line-height: 32px; color: #333; font-size: 16px;}
.about a {color: #4bb344; font-size: 14px; text-decoration: none;}

/* 公司新闻 */
.news ul li {margin: 0 10px; padding-left: 15px; background: url(../images/c.png) no-repeat left center; border-bottom: 1px dotted #DDD;}
.news ul li a {display: block; width: 100%; height: 40px; line-height: 40px; color: #666; font-size: 16px; text-decoration: none; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news .more {display: block; margin: 10px auto; width: 100px; height: 30px; background-color: #4bb344; line-height: 30px; text-align: center; color: #FFF; font-size: 14px; text-decoration: none;}

/* 单页内容 */
.page-content {padding: 10px;}
.page-content img {display: block; margin: auto; width: 95%;}

 /* 新闻列表页 */
 .list-news {padding: 10px;}
 .list-news li {padding-left: 15px; width: 100%; height: 40px; background: url(../images/c.png) no-repeat left center; border-bottom: 1px dotted #DDD; line-height: 40px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
 .list-news li a {color: #666; font-size: 16px; text-decoration: none;}

/* 产品列表页 */
.list-products {padding: 0 10px;}
.list-products ul li {margin-top: 15px;}
.list-products ul li a {display: block; position: relative; padding-top: 65%; width: 100%;}
.list-products ul li a img {position: absolute; z-index: 9; left: 0; top: 0; width: 100%; height: 100%;}
.list-products ul li p {background-color: #4bb344; line-height: 40px; text-align: center; color: #FFF; font-size: 16px;}

/* 内容页 */
.show-content {padding: 10px;}
.show-content .title {padding: 10px 0; line-height: 40px; text-align: center; color: #333; font-size: 20px; font-weight: bold;}
.show-content .info {line-height: 30px; text-align: center; color: #666; font-size: 14px;}
.show-content .content {padding: 10px 0;}
.show-content .content img {display: block; margin: auto; width: 100%;}

/* 留言 */
.msg {padding: 10px; width: 100%;}
.msg ul li {padding: 10px 0; border-bottom: 1px dotted #EEE;}
.msg ul li label {display: block; float: left; padding: 0 10px; width: 70px; line-height: 50px; text-align: right; color: #666; font-size: 14px;}
.msg ul li input {display: block; float: left; margin-top: 5px; padding: 2px 10px; border: 1px solid #CCC; line-height: 34px; color: #666; font-size: 14px;}
.msg ul li textarea {display: block; float: left; margin-top: 5px; padding: 2px 10px; width: 300px; border: 1px solid #CCC; line-height: 34px; color: #666; font-size: 14px;}
.msg ul li img {float: left; margin: 5px 0 0 20px;}
.msg ul div {margin-top: 10px;}
.msg ul div input {margin-left: 70px; padding: 0 20px; background-color: #05a32d; border: none; line-height: 40px; color: #FFF; font-size: 16px;}

